<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>订单页面</title>
		<link rel="stylesheet" href="../css/common.css" />
		<link rel="stylesheet" href="../css/index.css" />
		<link rel="stylesheet" href="../css/list.css" />
		<link rel="stylesheet" href="../css/order.css" />
		<script src="../jq/jquery.js"></script>
		<script src="../jq/common.js"></script>
		<script src="../jq/jquery.cxselect.min.js"></script>
		<script src="../jq/order.js"></script>
	</head>
	<body>
		<div class="header_wrap">
			<div class="header">
				<div class="hea_left">
					<p>冷链配送 99元顺丰到家 送至：</p>
					<div class="begin hea_address">
						<p class="area">
							<span>上海</span>
							<b></b>
						</p>
						<div class="hea_list city_list">
							<p class="choose_city">请选择您的收货城市：<span></span></p>
							<p class="city_most">
								<a href="javascript:;">北京</a>
								<a href="javascript:;">上海</a>
								<a href="javascript:;">广州</a>
								<a href="javascript:;">深圳</a>
								<a href="javascript:;">天津</a>
								<a href="javascript:;">苏州</a>
								<a href="javascript:;">杭州</a>
								<a href="javascript:;">南京</a>
								<a href="javascript:;">无锡</a>
								<a href="javascript:;">青岛</a>
								<a href="javascript:;">武汉</a>
							</p>
							<div class="more_city">
								<p>更多城市</p>
								<p>
									华东：
									<a href="javascript:;">上海</a>
									<a href="javascript:;">浙江</a>
									<a href="javascript:;">江苏</a>
									<a href="javascript:;">安徽</a>
								</p>
								<p>
									华南：
									<a href="javascript:;">广东</a>
									<a href="javascript:;">福建</a>
									<a href="javascript:;">海南</a>
									<a href="javascript:;">广西</a>
								</p>
								<p>
									华北：
									<a href="javascript:;">北京</a>
									<a href="javascript:;">天津</a>
									<a href="javascript:;">河北</a>
									<a href="javascript:;">山东</a>
									<a href="javascript:;">山西</a>
									<a href="javascript:;">内蒙古</a>
								</p>
								<p>
									华中：
									<a href="javascript:;">湖北</a>
									<a href="javascript:;">江西</a>
									<a href="javascript:;">湖南</a>
									<a href="javascript:;">河南</a>
								</p>
								<p>
									东北：
									<a href="javascript:;">辽宁</a>
									<a href="javascript:;">吉林</a>
									<a href="javascript:;">黑龙江</a>								
								</p>
								<p>
									西南：
									<a href="javascript:;">重庆</a>
									<a href="javascript:;">四川</a>
									<a href="javascript:;">云南</a>
									<a href="javascript:;">贵州</a>
									<a href="javascript:;">西藏</a>

								</p>
								<p>
									西北：
									<a href="javascript:;">陕西</a>
									<a href="javascript:;">甘肃</a>
									<a href="javascript:;">宁夏</a>
									<a href="javascript:;">青海</a>
									<a href="javascript:;">新疆</a>
								</p>
							</div>
						</div>
					</div>
				</div>
			    <ul class="hea_right">
			      <li class="login" id="login">嘿，欢迎来顺丰优选！<a href="login.html">请登录 </a><a href="html/reg.html"> 免费注册</a></li>
			      <li class="order"><a class="order" href="order.html">我的订单</a></li>
			      <li class="begin youxuan">
			        <a href="javascript:;">我的优选</a><b></b>
			        <div class="hea_list youxuan_list">
			          <div><a href="javascript:;">我的订单</a></div>
			          <div><a href="javascript:;">我的积分</a></div>
			          <div><a href="javascript:;">我的收藏</a></div>
			          <div><a href="javascript:;">我的优选卡</a></div>
			          <div><a href="javascript:;">我的优惠券</a></div>
			        </div>
			      </li>
				  <li class="client hover"><b></b><a href="javascript:;">移动客户端</a>
			        <div class="hea_list01 client_list">
			          <div class="sf_client">
			            <span></span>
			            <i></i>
			            <div class="client_txt">
			              <em>扫描我，即可下载</em>
			              <strong>顺丰优选客户端</strong>
			            </div>
			          </div>
			          <div class="app_btn">
			            <a class="app_apple"  href="http://itunes.apple.com/cn/app/id563194150"></a>
			            <a class="app_android" href="http://android.sfbest.com/sfandroid"></a>
			          </div>
					  <div class="client_promo"><a href="javascript:;">先摇券 后买单</a>
					  </div>
			        </div>
			      </li>
				  <li class="begin help">
			        <a href="javascript:;">帮助中心</a><b></b>
			        <div class="hea_list help_list">
			          <div><a href="javascript:;">购物指南</a></div>
			          <div><a href="javascript:;">配送服务</a></div>
			          <div><a href="javascript:;">支付方式</a></div>
			          <div><a href="javascript:;">售后服务</a></div>
			          <div><a href="javascript:;">客服邮箱</a></div>
			          <div><a href="javascript:;">投诉与建议</a></div>
			        </div>
			      </li>
				  <li class="begin daohang"><em class="site">网站导航</em><b></b>
			        <div class="hea_list daohang_list">
			          <dl>
			            <dt class="dh1">商品分类</dt>
			            <dd>
							<a href="javascript:;">肉类海鲜</a>
							<a href="javascript:;">熟食蛋奶</a>
							<a href="javascript:;">水果蔬菜</a>
							<a href="javascript:;">酒水饮料</a>
							<a href="javascript:;">休闲食品</a>
							<a href="javascript:;">冲调茶饮</a>
							<a href="javascript:;">粮油副食</a>
							<a href="javascript:;">南北干货</a>
			            </dd>
			          </dl>
			          <dl class="line"></dl>
			          <dl>
			            <dt class="dh2">特色频道</dt>
			            <dd>
			            	<a href="javascript:;">跨境直发</a>
			            	<a href="javascript:;">企业专区</a>
			            	<a href="javascript:;">红酒廊</a>
			            	<a href="javascript:;">寰宇美食</a>
			            </dd>
			          </dl>
			          <dl class="line"></dl>
			          <dl>
			            <dt class="dh3">更多</dt>
			            <dd>
			            	<a href="javascript:;">客户端</a>
			            	<a href="javascript:;">关注我们</a>
			            	<p>客服电话：4009-111-111</p>
			            </dd>
			          </dl>
			        </div>
			      </li>
			      <li class="hea_weibo"><a title="关注顺丰优选微博" href="http://weibo.com/sfbest" ><b></b></a></li>
			      <li class="hea_weixin hover">
			      	<b></b>
			         <div class="hea_list01 weixin">
				         <p>关注顺丰优选微信</p>
				         <img src="../images/weixin.png" /> 
			        </div>
			       </li>
			    </ul>
			</div>
		</div>
		<div class="nav_wrap">
			<div class="nav">
				<h2><a href="../index.html"></a><img src="../images/logo_word.jpg"></h2>
				<div class="car_status">
					<img src="../images/step_02.jpg">
				</div>
			</div>
		</div>
		<div class="content_wrap">
			<div class="order_header">
				<p>填写并核对订单信息</p>
			</div>
			<div class="order_message">
				<h3>收货人信息</h3>
				<div class="order_new"><input type="radio" checked="checked"/>使用新收货地址</div>
				<div><span><b>*</b>收货人：</span><input type="text" placeholder="请填写收货人姓名" class="user_mess user_name"/><i>请填写收货人姓名</i></div>
				<div class="order_addre">
					<span><b>*</b>所在地区：</span>
						<div id="city_china_val">
							<select class="province cxselect" data-value="浙江省" data-first-title="选择省" disabled="disabled"></select>
							<select class="city cxselect" data-value="杭州市" data-first-title="选择市" disabled="disabled"></select>
							<select class="area1 cxselect" data-value="西湖区" data-first-title="选择地区" disabled="disabled"></select>
						
					</div>
				</div>
				<div class="order_addinfo"><span><b>*</b>详细地址：</span><strong>浙江省杭州市西湖区</strong> <input type="text" placeholder="请直接填写街道等详细地址" class="user_mess user_address"><i>请填写街道等详细地址</i></div>
				<div class="order_phone"><span><b>*</b>手机号码：</span><input type="text"  placeholder="11位手机号码" class="user_phone  user_mess"/> 或者 固定电话：<input type="text" placeholder="请您填写手机号码或固定电话" class="user_mess"><i>手机号码格式不正确</i></div>
				<div class="order_sub">
					<span>保存收货人信息</span>
				</div>
			</div>
			<div class="order_save">
				<h3>收货人信息: <span>如修改，请先保存支付及配送方式</span></h3>
				<p class="user_info"><span class="user_name">张三</span><span class="user_phone">13245678900</span><span class="user_address">郑州市 金水区 纬五路21号</span></p>
				<div class="pay_style">
					<h3>支付及配送方式：<span>由于您添加了收货地址，请确认配送方式</span></h3>
					<p>支付方式</p>
					<div class="line_pay"><input type="radio" checked="checked"><span>在线支付</span>支持绝大多数银行卡在线支付<a href="javascript:;">查看银行及限额</a></div>
					<p>配送信息</p>
					<div class="order01">
						<p class="order01_01"><a href="car.html">订单1</a></p>
						<p><b>顺丰速运</b>负责配送</p>
						<p>商品下单后尽快为您发货</p>
					</div>
					<div class="order_save_pay">
						<span>保存支付及配送信息</span>
					</div>
				</div>
			</div>
			<div class="order_show">
				<div class="show_mess">
					<h3>收货人信息: <span>[ 修改 ]</span></h3>
					<p class="user_info"><span class="user_name">张三</span><span class="user_phone">13245678900</span><span class="user_address">郑州市 金水区 纬五路21号</span></p>
				</div>
				<div class="show_pay">
					<h3>支付及配送方式：<span>[ 修改 ]</span></h3>
					<div>在线支付</div>
					<div class="order01">
						<p class="order01_01"><a href="car.html">订单1</a></p>
						<p><b>顺丰速运</b>负责配送</p>
						<p>商品下单后尽快为您发货</p>
					</div>
				</div>
				
			</div>
			<div class="order_main">
				<div class="order_main01">
					<h3>发票信息：<span>[ 修改 ]</span></h3>
					<p>暂不需要发票</p>
				</div>
				<div class="order_main02">
					<h3>让收货人知道我：<span>[ 修改 ]</span></h3>
					<p>未添加寄货人信息</p>
					<p>购物清单显示金额</p>
				</div>
				<div class="order_main03">
					<h3>商品信息：<a href="car.html">返回修改购物车</a></h3>
					<h4> 商品下单后尽快为您发货</h4>
					<div class="order_thing_info">
						<div class="tab_header">
							<div class="tab_name">商品名称</div>
							<div class="tab_price">单价</div>
							<div class="tab_count">返现</div>
							<div class="tab_status">库存状态</div>
							<div class="tab_num">数量</div>
							<div class="tab_weight">重量（含包装）</div>
							<div class="tab_small">小计</div>
						</div>
						<div class="goods_info">
							<div class="goods_name">天谱乐食Tender Plus 澳洲牛腩块 1000g</div>
							<div class="goods_price">￥<span>69</span></div>
							<div class="goods_count">￥0</div>
							<div class="goods_status">现货</div>
							<div class="goods_num">1</div>
							<div class="goods_weight"><span>1</span>kg</div>
							<div class="goods_small">￥<span>69</span></div>
						</div>
						<div class="yunfei">
							<span>运费小计：<b>￥10</b></span>
						</div>
					</div>
					<div class="order_youhui">
						<div class="youhui_left">
							<ul>
								<li class="youxuandan">
									<i></i>
									<p>使用优选单优惠<b></b></p>
									<span class="goods_zhong">商品总重量：<b>1</b>kg(含包装)</span>
									<div class="youhuidan_id">
										<span>请输入优选单编号：</span>
										<input type="text" /><p>使用</p>
									</div>
								</li>
								<li class="youxuanquan">
									<i></i>
									<p>使用优选券	(您的账户暂无可用优惠券)</p>
									
								</li>
								<li class="youxuanka">
									<input type="checkbox"  disabled="disabled"/><span>使用优选卡余额支付（余额：0元）</span>
								</li>
								<li class="jifen">
									<input type="checkbox"  checked="checked"/><span>使用积分</span><b>此单最高可抵扣金额<i>0.5</i></b>
									<p>顺丰优选：100积分<i>￥<em>0.5</em></i><span>本次可用：<input type="text" value="0.5">元</span></p>
									
								</li>
							</ul>
						</div>
						<div class="youhui_right">
							<p class="right_all"><span><em>1</em>件商品，总商品金额：</span><b>￥<i>69</i></b></p>
							<p class="yun_money"><span>运费金额：</span><b>￥<i>10</i></b></p>
							<p class="ord_count"><span>-优选积分支付：</span><b>￥<i>0.5</i></b></p>
							<p class="end_count"><span>应付金额：</span><b>￥<i>78.5</i></b></p>
						</div>
					</div>
				</div>
				<div class="order_jiesuan">
					<div>
						<b>
							应付总额：
						</b>
						<span>￥<i>78.5</i></span>
						<h3>提交订单</h3>
						
					</div>
				</div>
			</div>
		</div>
		<div class="list_line"></div>
        <!------------------底部开始--------------->
		<div class="footer_wrap">
			<div class="footer">
				<div class="footer_top">
					<div class="left">
						<ul>
							<li class="kefu">4009-111-111</li>
							<li>周一至周日8:30-22:00</li>
						</ul>
					</div>
					<div class="middle">
				        <ul>
				          <li class="title">购物指南</li>
				          <li><a href="javascript:;">积分制度</a></li>
				          <li><a href="javascript:;">会员介绍</a></li>
				          <li><a href="javascript:;">购物流程</a></li>
				          <li><a href="javascript:;">常见问题</a></li>
				        </ul>
				        <ul>
				          <li class="title">配送服务</li>
				          <li><a href="javascript:;" >配送政策</a></li>
				          <li><a href="javascript:;">开箱验货</a></li>
				          <li><a href="javascript:;">配送运费</a></li>
				          <li><a href="javascript:;">配送范围</a></li>
				        </ul>
				        <ul>
				          <li class="title">支付方式</li>
				          <li><a href="javascript:;">货到付款</a></li>
				          <li><a href="javascript:;">在线支付</a></li>
				          <li><a href="javascript:;">优选卡</a></li>
				          <li><a href="javascript:;">发票制度</a></li>
				        </ul>
				        <ul>
				          <li class="title">售后服务</li>
				          <li><a href="javascript:;">退款说明</a></li>
				          <li><a href="javascript:;">退换货流程</a></li>
				          <li><a href="javascript:;">退换货政策</a></li>
				          <li><a href="javascript:;">隐私条款</a></li>
				        </ul>
					</div>
		 		 	<div class="right">
	        			<ul class="f_ios">
				          <li><a href="http://app.sfbest.com/">手机客户端</a></li>
				          <li><span></span></li>
				        </ul>
	        			<ul class="f_wx">
				          <li>官方微信</li>
				          <li><span></span></li>
				        </ul>
	      			</div>
				</div>
				<div class="footer_bottom">
					<div class="bottom_kx">
						<a><img src="../images/kxicon.jpg"></a>
					</div>
					<div class="bottom_sm">
						<a ><img src="../images/bottom_sm.png"></a>
					</div>
					<div class="siteinfo">
						<p>
							<a href="javascript:;">关于我们</a>
							<a href="javascript:;">联系我们</a>
							<a href="javascript:;">招聘人才</a>
							<a href="javascript:;">友情链接</a>
							<a href="javascript:;">供应商申请</a>
							<span>Copyright© 顺丰优选 sfbest.com 版权所有</span>
						</p>
						<p>
							<span>京公网安备11010502026831号</span>
							<a href="http://www.miibeian.gov.cn/">京ICP证150325号</a>
							<span>食品流通许可证SP1101131210068671(1-1)号</span>
							<span><a href="http://www.sfbest.com/www/174/461.html">企业营业执照</a></span>
						</p>
	      			</div>
				</div>
			</div>
		</div>
	</body>
</html>
